.list-card {
    @include flex(); // 使用 flexbox 布局
    padding: 20rpx; // 设置内边距
    margin: 20rpx; // 设置外边距
    border-radius: 10rpx; // 设置边角圆度
    box-shadow: 0 0 10px 2rpx rgba(0, 0, 0, 0.1); // 设置幽灵阴影效果


	.list-card-img {
    width: 120rpx; // 设置图片宽度0999-u.：
    height: 120rpx; // 设置图片高度
    border-radius: 10rpx; // 设置边角圆度
    overflow: hidden; // 隐藏超出部分
    flex-shrink: 0; // 防止元素收缩
		image {
			width: 100%; // 设置图像宽度为100%
			height: 100%; // 设置图像高度为100%
		}
	}

	.list-card-content {
    @include flex(space-between, column); // 使用 flexbox 布局，并设置空间和方向
    padding-left: 20rpx; // 设置左边内边距
    width: 100%; // 设置内容宽度

		.list-card-content-title {
			@include flex(); // 使用 flexbox 布局
			align-items: flex-start; // 统一对齐方式
			font-size: 28rpx; // 设置字体大小
			color: #333333; // 设置字体颜色
			font-weight: 400; // 设置字体粗细
			line-height: 1.2; // 设置行高
			text {
				overflow: hidden; // 隐藏溢出文本
				text-overflow: ellipsis; // 使用省略号表示溢出
				display: -webkit-box; // 设置为webkitbox布局
				-webkit-line-clamp: 2; // 限制显示的行数为2行
				-webkit-box-orient: vertical; // 设置布局方向为纵向
				}
			}
	}
	// 三种类型的公共样式
	.list-card-content-desc {
	    @include flex(); // 使用 Flexbox 布局
	    font-size: 24rpx; // 设置字体大小
	    width: 100%; // 设置宽度为 100%
	    margin-top: 20rpx; // 设置顶部外边距
		
		.article-type {
		    padding: 0 10rpx; // 设置上下内边距为 0，左右内边距为 10
		    margin-right: 10rpx; // 设置右外边距
		    border-radius: 30rpx; // 设置边角圆度
		    color: $base-color; // 设置字体颜色为基础颜色变量
		    border: 1px solid $base-color; // 设置边框为基础颜色
		}
		
		.browse-number {
		    color: $c-9; // 设置字体颜色为某个颜色变量
		    line-height: 1.5; // 设置行高
		}
	}
	
	
	//多图和大图公共样式
	
		/* 基础样式 */
		
		// /*多图模式
		.list-card-top,
		.list-card-middle,
		.list-card-bottom {
		  width: 100%;
		  @include flex();
		}

		/* 模式设置 */
		&.mode-column {
		  flex-direction: column;

		  .list-card-top {
			text {
			  font-size: 28rpx; /* 字体大小 */
			  color: #333333; /* 字体颜色 */
			 
			  	overflow: hidden; // 隐藏溢出文本
			  	text-overflow: ellipsis; // 使用省略号表示溢出
			  	display: -webkit-box; // 设置为webkitbox布局
			  	-webkit-line-clamp: 2; // 限制显示的行数为2行
			  	-webkit-box-orient: vertical; // 设置布局方向为纵向
			  	
			}
		  }

		  .list-card-middle {
			margin: 20rpx 0; /* 上下边距 */

			.image-container {
			  width: 32%; /* 宽度 */
			  border-radius: 10rpx; /* 圆角 */
			  height: 140rpx; /* 高度 */
			  overflow: hidden; /* 溢出隐藏 */

			  image {
				width: 100%; /* 宽度 */
				height: 100%; /* 高度 */
			  }
			}
		  }
		}

	
		
		&.mode-image {
		  flex-direction: column;
		
		  .image-container {
		    width: 100%; /* 宽度 */
		    height: 200rpx; /* 高度 */
		
		    image {
		      width: 100%; /* 图像宽度 */
		      height: 100%; /* 图像高度 */
		    }
		  }
		.list-card-middle {
		  margin-top: 10rpx; /* 上边距 */
		
		  text {
		    font-size: 28rpx; /* 字体大小 */
		    color: #333333; /* 字体颜色 */
		  }
		}
		}	
		
		

}
